<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>GIERA</title>
	
		<style>
		
			*
			{
				padding:0;
				margin:0;
			}
			
			body
			{
				background-color:#000;
				font-family:Courier;
				-webkit-user-select: none;	       
				-moz-user-select: none;
				-ms-user-select: none;
				cursor:default;
				color:#FFF;
			}
			
			input[type=button]
			{
				margin : 10px;
				background-color:transparent;
				font-size:14px;
				font-weight:bold;
				border: 3px solid #F00;
				color:#FFF;
				padding:7px;
			}
			
			input[type=button]:hover
			{
				background-color:#757575;
			}
			
			div
			{
				background-color:#757575;
				font-size:14px;
				font-weight:bold;
				border: 3px solid #F00;
				min-width:100px;
				min-height:100px;
				color:#000;
			}
			
			#result
			{
				width: 300px;
				position:absolute;
				bottom:10px;
				left:10px;
			}
			
		</style>
	
		<script src="game.js"></script>
		<script>
			
			////////////////////////////////////////////////////////////////////////////////////// KLASY
			function Parent( name )
			{
				this.name = name;
				
				this.alertName = function(){ alert( this.name ); }
			}
			
			function Child(name)
			{
				this.name=name;
			}
			
			Child.prototype= new Parent();
			
			
			////////////////////////////////////////////////////////////////////////////////////// KLASY
			
			function _(id){ return document.getElementById(id); }
			
			document.addEventListener("DOMContentLoaded",function(){
				
				var chi = new Child("Rox");
				chi.alertName();
				
			});
			
			function write(info)
			{
				info = info || "" ;
				if(info.length>0)
				{
					_("result").innerHTML = info+"<br />"+_("result").innerHTML;
				}
				else _("result").innerHTML="";
			}
			
		</script>
		
	</head>
	<body>
		
		<div id="result"></div>
		
	</body>

</html>